<template>
    <div class="guide">
        <div class="guide-div1">
            <h4>尺码指南</h4>
            <p style="margin-top: 16px;">商品的尺码和剪裁因品牌而异，选购时请参照一下尺码对照表。</p>
            <p style="margin-top: 12px;">如果您对尺码有任何疑问，可联系客服寻求帮助。</p>
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td style="background: #c6c6c6;">尺码</td>
                    <td style="background: #c6c6c6;">衣长 cm</td>
                    <td style="background: #c6c6c6;">腰围 cm</td>
                    <td style="background: #c6c6c6;">肩连袖长 cm</td>
                    <td style="background: #c6c6c6;">臀围</td>
                </tr>
                <tr>
                    <td>xl</td>
                    <td>69</td>
                    <td>110</td>
                    <td>70</td>
                    <td>46</td>
                </tr>
                <tr>
                    <td>xl</td>
                    <td>69</td>
                    <td>110</td>
                    <td>70</td>
                    <td>46</td>
                </tr>
                <tr>
                    <td>xl</td>
                    <td>69</td>
                    <td>110</td>
                    <td>70</td>
                    <td>46</td>
                </tr>
            </table>
            <p style="margin-top: 27px;">*注意：由于不同产品品牌测量尺码的方法稍有差异，应该该尺码指南仅供参考使用。</p>
            <h4>需要帮助？</h4>
            <p style="margin-top: 18px;">您可通过下列方式获得尺码方面的帮助</p>
            <p style="margin-top: 20px;">客服电邮</p>
            <p style="margin-top: 8px;">shgjagdh.cn@bhsgadj.com</p>
            <p style="margin-top: 20px;">客服电话</p>
            <p style="margin-top: 8px;">400-412-4545</p>
        </div>
        <i class="guid-icon iconfont icon-guanbi" @click="transmission"></i>
    </div>
</template>

<script>
export default {
    methods: {
        transmission() {
            this.$emit('guideIsshow', false)
        }
    },
}
</script>

<style lang='scss'>
.guide {
    width: 1200px;
    height: 807px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -600px;
    margin-top: -403px;
    >.guide-div1 {
        width: 1081px;
        height: 745px;
        border: 1px solid #000;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -571px;
        margin-top: -372px;
        padding-left: 61px;
        >h4 {
            font-size: 26px;
            padding-top: 28px;
        }
        >p {
            font-size: 16px;
            color: #000;
        }
        >table {
            margin-top: 54px;
            margin-left: 0;
            >tr {
                text-align: center;
                >td {
                    padding: 0 25px;
                    font-size: 16px;
                    font-weight: 400;
                    background: #f6f6f6;
                    line-height: 50px;
                }
            }
        }
    }
    .guid-icon {
        font-size: 22px;
        color: #C0C0C0;
        position: absolute;
        top: 84px;
        right: 72px;
        cursor: pointer;
    }
}
</style>